<!--
 * @Author: GKN
 * @Date: 2024-03-25 15:34:06
 * @LastEditTime: 2024-03-25 16:36:25
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\specialSubject\s3\home.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="g-card" style="margin-top: 40px;">
        <div class="title">
            第二节急急急急急急
        </div>
        <el-row :gutter="20">
            <el-col :span="16">
                <div class="border-r6" style="height: 446px;">
                    <imgView src=""></imgView>
                </div>
            </el-col>
            <el-col :span="8">
                <div style="height: 446px;padding-top:16px ;">
                    <div style="height: 20%;" v-for="(item,i) in list1" :key="i" class="cursor-p">
                        <div class="title-16-left font-text-al-l omit-3">{{ item.name }}</div>
                    </div>                                                         
                </div>
            </el-col>
        </el-row>
    </div>
    <Card1 title="学习" :more="true" @moreClick="" style="margin-top:20px;">
        <template v-slot:main1>
            <div style="margin-top: 10px;height: 342px;">
                <el-row :gutter="20">
                    <el-col :span="12">
                        <imgView src="" style="height: 342px"></imgView>
                    </el-col>
                    <el-col :span="12">
                        <div v-for="(item,i) in list2" :key="i" class="cursor-p">
                            <div v-if="i == 0" style="height: 132px;background: #f6f7f9;padding: 20px;" class="border-r6">
                                <div class="title-16-left font-text-al-l omit">{{ item.name }}</div>
                                <div class="font-content font-text-al-l omit-3" style="margin-top:12px;height: 50px;">{{ item.blurb }}</div>
                                <div style="color: red;text-align: right;">详情</div>
                            </div>
                            <div v-if="i>0" class="title-16-left font-text-al-l omit" style="margin-top: 22px;">{{ item.name }}</div>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </template>
    </Card1>
    <Card1 title="解读" :more="true" @moreClick="" style="margin-top:20px;">
        <template v-slot:main1>
            <div style="margin-top: 10px;">
                <el-row :gutter="20">
                    <el-col :span="12" v-for="(item,i) in list3" :key="i" >
                        <div class="omit" style="background: #f6f7f9;padding: 20px;margin-bottom: 20px;">
                            {{ item.name }}
                        </div>
                    </el-col>
                </el-row>
            </div>
        </template>
    </Card1>
    <Card1 title="特写" :more="true" @moreClick="" style="margin-top:20px;">
        <template v-slot:main1>
            <div style="margin-top: 10px;height: 532px;padding-bottom: 10px;">
                <el-row :gutter="20">
                    <el-col :span="12">
                        <imgView src="" style="height: 340px"></imgView>
                        <div>
                            <div class="title-16-left font-text-al-l omit" style="margin-top: 26px;">1111111111111122222222222222221</div>
                            <div class="font-content font-text-al-l omit-2" style="margin-top:14px;">2222222222222222222</div>
                        </div>
                    </el-col>
                    <el-col :span="12" style="height: 532px;">
                        <el-row :gutter="20" style="height: 164px;margin-bottom: 20px;"  v-for="(item,i) in list4" :key="i" >
                            <el-col :span="12">
                                <imgView src="" style="height: 164px"></imgView>
                            </el-col>
                            <el-col :span="12" style="padding: 20px 0;" class="cursor-p">
                                <div class="title-16-left font-text-al-l omit">{{ item.name }}</div>
                                <div class="font-content font-text-al-l omit-3" style="margin-top:12px;height: 50px;">{{ item.blurb }}</div>
                                <div style="color: red;text-align: right;">详情</div>
                            </el-col>
                        </el-row>
                    </el-col>
                </el-row>
            </div>
        </template>
    </Card1>
    <Card1 title="落实" :more="true" @moreClick="" style="margin-top:20px;">
        <template v-slot:main1>
            <div style="margin-top: 10px;height: ;padding-bottom: 10px;">
                <el-row :gutter="20">
                    <el-col :span="6" style="height: 177px;" v-for="(item,i) in list5" :key="i">
                        <imgView v-if="item.thumb" src="" style="height: 177px"></imgView>
                        <div v-if="!item.thumb" style="background: #f6f7f9;height: 100%;padding: 20px 10px;">
                            <div class="title-16-left font-text-al-l omit-2">1111111111111122222222222222221</div>
                            <div class="font-content font-text-al-l omit-2" style="margin-top:14px;">2222222222222222222</div>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </template>
    </Card1>
    <Card1 title="回顾" :more="true" @moreClick="" style="margin-top:20px;">
        <template v-slot:main1>
            <div style="margin-top: 10px;height: 450px;padding-bottom: 10px;">
                <el-carousel type="card" width="100%" height="450px" direction="horizontal" indicator-position="none" :interval="3500">
                    <el-carousel-item v-for="item in list6" :key="item" @click="" style="position:reactive;">
                        <div style="height: 100%;">
                            <imgView src=""  />
                        </div>
                    </el-carousel-item>
                </el-carousel>
            </div>
        </template>
    </Card1>
</template>

<script setup>
import { ref,reactive, onMounted,getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
import CryptoJS from 'crypto-js';
import { useRoute, useRouter } from "vue-router";
const Router = useRouter();
import Card1 from '@/view/components/card1.vue';
// -------------------------------------------------------------------
const list1 = ref([])
const getlist1=()=>{
    list1.value = [
        {name:'111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {name:'111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'}
    ]
}
getlist1()
const list2 = ref([])
const getlist2=()=>{
    list2.value = [
        {thumb:'https://k.sinaimg.cn/n/sinakd20240323ac/167/w600h367/20240323/d6d1-dd560f9a15d57da2abd2ca0a1bdcd621.jpg/w700d1q75cms.jpg',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'}
    ]
}
getlist2()
const list3 = ref([])
const getlist3=()=>{
    list3.value = [
        {thumb:'https://k.sinaimg.cn/n/sinakd20240323ac/167/w600h367/20240323/d6d1-dd560f9a15d57da2abd2ca0a1bdcd621.jpg/w700d1q75cms.jpg',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'}
    ]
}
getlist3()
// 特写
const list4 = ref([])
const getlist4=()=>{
    list4.value = [
        {thumb:'https://k.sinaimg.cn/n/sinakd20240323ac/167/w600h367/20240323/d6d1-dd560f9a15d57da2abd2ca0a1bdcd621.jpg/w700d1q75cms.jpg',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
    ]
}
getlist4()
// 落实
const list5 = ref([])
const getlist5=()=>{
    list5.value = [
        {thumb:'https://k.sinaimg.cn/n/sinakd20240323ac/167/w600h367/20240323/d6d1-dd560f9a15d57da2abd2ca0a1bdcd621.jpg/w700d1q75cms.jpg',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},

    ]
}
getlist5()
// 回顾
const list6 = ref([])
const getlist6=()=>{
    list6.value = [
        {thumb:'https://k.sinaimg.cn/n/sinakd20240323ac/167/w600h367/20240323/d6d1-dd560f9a15d57da2abd2ca0a1bdcd621.jpg/w700d1q75cms.jpg',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
        {thumb:'',name:'1111111111111111111111111111111111111111111',blurb:'222222222222222222222222222222222222222222'},
    ]
}
getlist6()
</script>

<style lang='less' scoped>
.title{
    font-size: 40px;
    font-weight: 500;
    color: #D10B00;
    line-height: 116px;
    text-align: center;
    height: 116px;
}
</style>

